<template>
	<view>
		<nav-bar   fontColor="#FFFFFF" title="确认归还"></nav-bar>
		<!-- <image style="width:70%;height: 300rpx;margin: 0 auto;margin-top: 30rpx;" src="../../static/img/chahua1.png"> -->
		</image>
		<view class="contentBox">
			<view class="contentBox1" @click="goReturn">
				<image class="img" src="../../static/icon/iconIndex/guihuan1.png"></image>
				<view class="title">原标签</view>
				<view class="colorBar"></view>
			</view>
			<view class="contentBox1" @click="goNewTags">
				<image class="img" src="../../static/icon/iconIndex/bangding.png"></image>
				<view class="title">新标签</view>
			</view>
			<view class="colorLongBar"></view>
		</view>
		<uni-popup ref="alertDialog" type="dialog">
			<uni-popup-dialog type="info" cancelText="关闭" confirmText="确认" title="通知" content="xxx"
				@confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
		</uni-popup>
	</view>
</template>
<!--  -->
<script>
	export default {
		data() {
			return {
				userName: '',
				version: '',
				popStatus: uni.getStorageSync('guihuan'),
			}
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		onReady() {
			if (this.popStatus) {
				this.dialogToggle('info')
			}
		},
		methods: {
			dialogConfirm() {
				uni.setStorageSync('guihuan', false)
				console.log('确认')
				this.$refs.alertDialog.close()
			},
			dialogToggle(type) {
				this.msgType = type
				this.$refs.alertDialog.open()
			},
			dialogClose() {
				uni.setStorageSync('guihuan', false)
				console.log('取消')
				this.$refs.alertDialog.close()
			},
			goReturn(){
				uni.navigateTo({
					url:'./return'
				})
			},
			goNewTags(){
				uni.navigateTo({
					url:'./newTags'
				})
			}
		}
	}
</script>

<style scoped>
	page {
		background: #ffff;
	}

	.contentBox {
		position: relative;
		width: 100%;
		height: 250rpx;
		display: flex;
		/* border-bottom: 1px solid #3B5DE0; */
	}

	.contentBox1 {
		width: 50%;
		height: 250rpx;
		/* border: 1px solid #efefef; */
		position: relative;
	}

	.img {
		position: absolute;
		height: 100rpx;
		width: 100rpx;
		top: 40%;
		left: 50%;
		margin: -50rpx 0 0 -50rpx;
	}

	.colorBar {
		position: absolute;
		height: 130rpx;
		width: 5rpx;
		top: 50%;
		left: 112%;
		background-image: linear-gradient(#ffffff, #3B5DE0, #ffffff);
		margin: -50rpx 0 0 -50rpx;
	}

	.title {
		color: #000000;
		font-size: 28rpx;
		letter-spacing: 3rpx;
		text-align: center;
		margin-top: 48%;
	}

	.colorLongBar {
		position: absolute;
		height: 5rpx;
		width: 90%;
		top: 105%;
		left: 5%;
		background-image: linear-gradient(to right, #ffffff, #3B5DE0, #ffffff);

	}

	.drawer {
		width: 100%;
		height: 250rpx;
		background: #3B5DE0;
		
	}

	.titleOne {
		color: #FFFFFF;
		font-size: 32rpx;
		letter-spacing: 5rpx;
		text-align: center;
		font-weight: 700;
		padding-top: 40rpx;
	}

	.titleTwo {
		color: #FFFFFF;
		font-size: 32rpx;
		letter-spacing: 5rpx;
		text-align: center;
		font-weight: 700;
		margin-top: 25rpx;
	}
	.popup {
		width: 100%;
	
		view {
			font-size: 45upx;
			text-align: center;
			color: #fff;
			margin-bottom: 60upx;
		}
	
		image {
			display: block;
			margin: 0 auto;
		}
	}
</style>
